.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.disabled4 {
  opacity: 0.4;
  pointer-events: none;
}
.container {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.hidden {
  display: none;
}
.white-color {
  color: #ffffff !important;
}
.screen-top {
  height: 344rpx;
  box-sizing: border-box;
  background-color: var(--primary-color);
  padding-top: 48rpx;
}

.mode-title {
  padding: 0 48rpx;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 48rpx;
  line-height: 68rpx;
  color: #ffffff;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flame-Icon {
  width: 48rpx;
  height: 48rpx;
  margin-left: 30rpx;
}
.pattern-left-box {
  display: flex;
  align-items: center;
}

.mode-arrow {
  width: 28rpx;
  height: 44rpx;
  margin-left: 10rpx;
}

.total-set {
  position: relative;
  margin-top: 32rpx;
  width: 100%;
  display: flex;
  justify-content: center;
}

.single-set {
  width: 375rpx;
  text-align: center;
}

.set-des {
  line-height: 44rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 28rpx;
}

.set-Icon {
  width: 32rpx;
  height: 32rpx;
  margin-right: 10rpx;
}

.set-des-txt {
  font-weight: 400;
  font-size: 28rpx;
  line-height: 44rpx;
  color: #ffffff;
  text-align: center;
}

.v-line-TT {
  position: absolute;
  left: 50%;
  width: 2rpx;
  height: 160rpx;
}

.screen-bottom {
  width: 100%;
  box-sizing: border-box;
  padding-top: 32rpx;
}

.scroll-view {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.room-box {
  height: 100%;
  padding: 0 56rpx;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column: 2;
  gap: 32rpx 44rpx;
}

.room {
  // width: 310rpx;
  height: 260rpx;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  padding: 30rpx;
}
.room:nth-child(2n) {
  margin-right: 0;
}
.room-des {
  display: flex;
  font-weight: 400;
  font-size: 24rpx;
  color: #818790;
}

.room-temp-view {
  display: flex;
  line-height: 120rpx;
  align-items: center;
  justify-content: center;
}

.room-temp-Int {
  height: 100%;
  font-weight: 500;
  font-size: 96rpx;
  line-height: 134rpx;
}

.room-temp-dec {
  height: 50rpx;
  font-weight: 500;
  font-size: 48rpx;
  line-height: 68rpx;
  color: var(--dack-color);
  margin-top: 20rpx;
}

.room-unit {
  width: 24rpx;
  height: 34rpx;
  line-height: 34rpx;
  font-size: 24rpx;
  color: var(--dack-color);
  font-weight: 400;
  margin-top: -50rpx;
}

.room-state-Image {
  width: 48rpx;
  height: 48rpx;
  position: absolute;
  top: 118rpx;
  right: 24rpx;
}

.room-name-view {
  width: 100%;
  height: 44rpx;
  line-height: 44rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.circle-view {
  width: 20rpx;
  height: 20rpx;
  border-radius: 20rpx;
  background: var(--primary-color);
  margin-right: 10rpx;
}

.room-name {
  font-weight: 400;
  font-size: 28rpx;
  color: var(--dack-color);
  line-height: 44rpx;
}

.icon-reveal-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icon-reveal-box > image {
  display: block;
  width: 90rpx;
  height: 72rpx;
}
.icon-txt {
  font-weight: 400;
  font-size: 24rpx;
  line-height: 44rpx;
  color: #ffffff;
}
.icon-reveal-box .roomState {
  margin-top: 8rpx;
}

.item-room-temp-view {
  justify-content: flex-start;
  box-sizing: border-box;
}
.item-room-temp-view > .roomStateView {
  height: 106rpx;
  box-sizing: border-box;
}
.item-room-temp-view > .roomStateView > .roomState {
  height: 34rpx;
  line-height: 30rpx;
}

.errcode-Icon-box {
  position: absolute;
  bottom: 24rpx;
  right: 24rpx;
  z-index: 2;
}

.errcode-Icon-box image {
  width: 56rpx;
  height: 56rpx;
}

/* 严重故障开始 */
.modal-tile {
  color: #2d2d2d;
  font-size: 36rpx;
  width: 100%;
  text-align: center;
}

.call-right-arrow {
  width: 28rpx;
  height: 28rpx;
}

.modal-sub-tile {
  color: #2c3846;
  font-size: 24rpx;
  width: 100%;
  text-align: center;
  margin: -16rpx 0 40rpx;
  position: absolute;
  top: 100rpx;
  left: 50%;
  transform: translateX(-50%);
}
.call-label {
  color: var(--dack-color);
  font-size: 28rpx;
  font-style: normal;
  font-weight: 400;
}
.call-phone {
  color: var(--primary-color);
  font-size: 40rpx;
  font-style: normal;
  font-weight: 500;
}
.modal-serve {
  text-align: left;
  margin-bottom: 56rpx;
  padding: 0 16rpx;
  margin-top: 40rpx;
}
.no-bottom {
  margin-bottom: 0 !important;
}

.modal-content {
  color: rgba(var(--dack-color), 0.8);
  font-size: 32rpx;
  text-align: left;
}

.modal-btm {
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-size: 28rpx;
  padding: 0 6rpx;
}

.modal-btm view:nth-child(1) view:nth-child(1) {
  text-align: left;
  line-height: 40rpx;
}

.modal-btm view:nth-child(1) view:nth-child(2) {
  color: var(--primary-color);
  font-size: 40rpx;
  line-height: 56rpx;
}

.modal-btm view:nth-child(2) {
  display: flex;
  color: var(--dack-color);
  font-size: 28rpx;
  line-height: 56rpx;
}
.modal-btm view:nth-child(2) text {
  margin-top: 46rpx;
  text-decoration: underline;
}
.modal-btm view:nth-child(2) image {
  width: 28rpx;
  height: 28rpx;
  margin-left: 6rpx;
  margin-top: 60rpx;
}
/* 轻微故障开始 */
.light-errcode-view {
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: var(--primary-color);
  letter-spacing: -0.29px;
  text-align: center;
  margin-top: -10rpx;
  margin-bottom: 40rpx;
}

.light-err-des-view {
  text-align: left;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: var(--primary-color);
  letter-spacing: -0.39px;
  line-height: 46rpx;
}

.light-err-txt-view {
  margin-top: 30rpx;
  text-align: left;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #001a00;
  letter-spacing: -0.46px;
  line-height: 52rpx;
}

.light-err-solve-view {
  text-align: left;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: rgba(var(--dack-color), 0.8);
  letter-spacing: -0.46px;
  line-height: 52rpx;
  display: block;
}
